

<template>

  <!-- 分页组件 -->
  <el-pagination
      :background="true"
      :current-page="pageable.pageNum"
      :page-size="pageable.pageSize"
      :page-sizes="[10, 25, 50, 100]"
      :total="pageable.total"
      layout="total, sizes, prev, pager, next, jumper"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
  ></el-pagination>

</template>

<script setup  name="Pagination">

defineProps({
  // pageNum , pageSize, total  记录每页数量，页数，总数
  pageable:{},

  handleSizeChange:{
    default:(size)=>{}
  },
  handleCurrentChange:{
    default:(currentPage)=>{}
  }
})

</script>

<style scoped lang="scss">

</style>
